// 1.根据class名，筛选出所有符合条件的li
var toolbarItems = document.getElementsByClassName('toolbar-item');

//2.遍历toolbarItems中所有的li,给每个li绑定点击事件
for(var i = 0;i < toolbarItems.length;i++){
    // 以i为索引，从toolbarItems中取出每一个li
    var item = toolbarItems[i];

    item.onclick = function(){
        // 3.找到所有的li，先将其颜色变成灰色
        for(var j = 0; j < toolbarItems.length;j++){
            var li = toolbarItems[j];
            // 给li设置一个class，名字为：toolbar-item
            li.className = 'toolbar-item';
        }

        //接着，给当前点击的这个li，再加上一个class名（toolbar-active）
        // 在这里，this指代的是当前点击的这个li
        this.className = 'toolbar-item toolbar-active'
    }
}